<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_y5eks0',
'img_Pwk0$1',
'ZY_GongSiGaiKuang_2',
'img_QSQ9w3',
'ZY_WeiKeHuTiGongWan_4',
'ZY_ZhangShaShiXiongJiuJiu_5',
'img_sOADR6',
'img_$PZ1y7',
'img_Q45se8',
'img_htXYi9',
'ZY_ChaKanGengDuo_10',
'ZY_ChanPinZhanShi_11',
'ZY_ChaKanGengDuo_12',
'img_CF2xS13',
'ZY_MiDieXiangTiQuWu_14',
'ZY_ShuWeiCao_15',
'ZY_ChaKanXiangQing_16',
'img_qnRnN17',
'ZY_MiDieXiangTiQuWu_18',
'ZY_ShuWeiCao_19',
'ZY_ChaKanXiangQing_20',
'img_GpMjW21',
'ZY_MiDieXiangTiQuWu_22',
'ZY_ShuWeiCao_23',
'ZY_ChaKanXiangQing_24',
'ZY_ZhiLiangGuanLi_25',
'ZY_ChaKanGengDuo_26',
'img_iGcCg27',
'img_OsnIT28',
'img_jSjtw29',
'img_g5lzy30',
'ZY_ZhiLiYuZhiLiangKong_31',
'ZY_GongSiXinWen_32',
'ZY_ChaKanGengDuo_33',
'img_FkM5K34',
'ZY_HuNanWanTaiShengWu_35',
'ZY_ZhangShaShiXiongJiuJiu_36',
'ZY_37_37',
'img_NHxkc38',
'ZY_HuNanWanTaiShengWu_39',
'ZY_ZhangShaShiXiongJiuJiu_40',
'ZY_41_41'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <meta charset="UTF-8">
  <meta name="baidu-site-verification" content="code-boTsJ9mZtN" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="baidu-site-verification" content="code-incVeNvrQ9" />
  <meta name="360-site-verification" content="e6bc5f8e53f3e5c28684b98a17008728" />
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/wantai/pc/css/swiper.min.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/wantai/pc/css/animate.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/wantai/pc/css/common.css">
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

  <style>


   .swiper-button-next, .swiper-button-prev{
    width: 32px;
    height: 32px;
    margin-top: -16px;
   }
   .swiper-button-next{
    background-image: url('https://hwfile.csxuncong.com/wantai/pc/images/next.png');
    background-size: contain;
    right: 0;
   }
   .swiper-button-prev{
    background-image: url('https://hwfile.csxuncong.com/wantai/pc/images/prev.png');
    background-size: contain;
    left: 0;
   }
   .swiper-pagination-bullet{
    background: #ffffff;
   }
   .box{
    padding: 60px 0;
   }
   .more{
    display: block;
    background: #23A04D;
    text-align: center;
    color: #ffffff;
    width: 100%;
    font-size: 16px;
    padding: 17px 0;
    border-radius: 2px;
   }
   .about-us .right{
    width: 50%;
    flex: 0 0 50%;
    padding-left: 60px;
   }
   .about-us .subtitle{
    font-size: 20px;
    color: #23A04D;
    margin-bottom: 20px;
   }
   .about-us .article{
    font-size: 16px;
    line-height: 34px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
   }
   .product{
    background: url('https://hwfile.csxuncong.com/wantai/pc/images/home/product-bg.png') no-repeat;
   }

   .product .product-wrap{
    background: #ffffff;
    box-shadow: 0px 0px 60px rgba(35, 160, 77, 0.1);
   }
   .product .product-item{
    padding: 48px 0;
    box-sizing: border-box;
    border-right: 1px dashed #23A04D;
   }
   .product .product-item:nth-last-child(1){
    border-right: 0;
   }
   .product .img-wrap{
    width: 250px;
    height: 195px;
    margin: 0 auto;
   }
   .product img{
    width: 100%;
   }
   .product .name{
    margin: 25px 0 20px;
    font-size: 20px;
    text-align: center;
    color: #000000;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
   .product .desc{
    color: #000000;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
   .quality{
    background: url('https://hwfile.csxuncong.com/wantai/pc/images/home/bg.png') no-repeat;
   }
   .quality .title,
   .quality .look-more{
    color: #ffffff
   }
   .quality .swiper-container{
    margin: 0 70px;
   }
   .quality-wrap{
    position: relative;
    margin: 0 -70px;
   }
   .quality .swiper-slide img{
    width: 100%;
   }
   .quality .swiper-button-prev{
    background-image: url(https://hwfile.csxuncong.com/wantai/pc/images/home/prev.png);
    background-size: contain;;
   }
   .quality .swiper-button-next{
    background-image: url(https://hwfile.csxuncong.com/wantai/pc/images/home/next.png);
    background-size: contain;;
   }
   .quality-txt{
    background: #23A04D;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
   }
   .news .look-more{
    color: #23A04D;
    border-color: #23A04D;
   }
   .news .item{
    width: 50%;
    box-sizing: border-box;
    box-shadow: 0 0 30px rgba(35, 160, 77, 0.1);
   }
   .news .item:nth-child(2n+1){
    margin-right: 25px;
   }
   .news .item:nth-child(2n){
    margin-left: 25px;
   }
   .news .item img{
    width: 100%;
    display: block;
    height: 250px;
   }
   .news .item .con{
    padding: 30px 40px;
   }
   .news .item .con .name{
    color: #000000;
    font-size: 18px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
   .news .item .con .desc{
    margin-top: 15px;
    font-size: 15px;
    color: rgb(11 12 12 / 60%);
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-align: justify;
   }
   .news .item .con .time{
    font-size: 14px;
    margin-top: 20px;
    color: rgb(11 12 12 / 60%);
   }
   .service-support{
    background: url('https://hwfile.csxuncong.com/wantai/pc/images/home/bg.png') no-repeat;
    background-size: cover;
   }
   .service-support .title,
   .service-support .look-more{
    color: #ffffff
   }
   .service-support .look-more{
    border-color: #ffffff;
   }
   .service-support .list{
    margin: 0 -20px;
   }
   .service-support .list .item{
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 20%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 20px;
    text-align: center;
    box-sizing: border-box;
   }
   .service-support .list .item .con{
    padding: 20px 0;
   }
   .service-support .list .item .icon{
    display: block;
    margin: 0 auto;
    width: 70px;
   }
   .service-support .list .item .name{
    color: #ffffff;
    font-size: 16px;
    margin: 25px 0 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
   }
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
           new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-WV7Q88Z');</script>
  <!-- End Google Tag Manager -->
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-EQHZEC4BQ6"></script>
  <script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());

   gtag('config', 'G-EQHZEC4BQ6');
  </script>
 </head> 
 <body>
 <!-- Google Tag Manager (noscript) -->
 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WV7Q88Z"
                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 <!-- End Google Tag Manager (noscript) -->
 <jsp:include page="_top.jsp"></jsp:include>
  <div class="banner"> 
   <div class="swiper-container"> 
    <div class="swiper-wrapper">
     <cms:ad var="banner" code="index_banner"></cms:ad>
     <c:forEach items="${banner }" var="item">
      <div class="swiper-slide">
       <img src="${item.adImg}" class="img zy" data-type="ad" data-id="${item.adId}">
      </div>
     </c:forEach>
    </div>
    <div class="swiper-button-next"></div> 
    <div class="swiper-button-prev"></div> 
    <div class="swiper-pagination"></div> 
   </div> 
  </div> 
  <div class="about-us box"> 
   <div class="container"> 
    <div class="title-wrap flex space-between align-center"> 
     <h3 class="title animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ZY_GongSiGaiKuang_2.adId}">${ZY_GongSiGaiKuang_2.adTitle}</h3> 
    </div> 
    <div class="flex align-center"> 
     <img src="${img_QSQ9w3.adImg}" class="flex-1 animate__animated animate__fadeInLeft zy" data-type="ad" data-id="${img_QSQ9w3.adId}"> 
     <div class="right animate__animated animate__fadeInRight"> 
      <!-- <h4 class="subtitle zy" data-type="ad" data-id="${ZY_WeiKeHuTiGongWan_4.adId}">${ZY_WeiKeHuTiGongWan_4.adTitle}</h4>  -->
      <p class="article zy" data-type="ad" data-id="${ZY_ZhangShaShiXiongJiuJiu_5.adId}">${ZY_ZhangShaShiXiongJiuJiu_5.adTitle}</p> 
      <div class="flex space-between mt-30 mb-30"> 
       <img src="${img_sOADR6.adImg}" width="56" class="zy" data-type="ad" data-id="${img_sOADR6.adId}"> 
       <img src="${img_$PZ1y7.adImg}" width="56" class="zy" data-type="ad" data-id="${img_$PZ1y7.adId}"> 
       <img src="${img_Q45se8.adImg}" width="56" class="zy" data-type="ad" data-id="${img_Q45se8.adId}"> 
       <img src="${img_htXYi9.adImg}" width="56" class="zy" data-type="ad" data-id="${img_htXYi9.adId}"> 
      </div> 
      <a class="more zy" href="${path }/do/redirect/pc/aboutUS" data-type="ad" data-id="${ZY_ChaKanGengDuo_10.adId}">${ZY_ChaKanGengDuo_10.adTitle}</a>
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="box product"> 
   <div class="container"> 
    <div class="title-wrap flex space-between align-center"> 
     <h3 class="title animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ZY_ChanPinZhanShi_11.adId}">${ZY_ChanPinZhanShi_11.adTitle}</h3> 
     <a class="look-more zy" href="${path }/do/redirect/pc/product" data-type="ad" data-id="${ZY_ChaKanGengDuo_12.adId}">${ZY_ChaKanGengDuo_12.adTitle}</a>
    </div> 
    <div class="product-wrap flex space-between">
     <cms:arts var="artList" code="zwtqw" pageSize="3"></cms:arts>
     <c:forEach items="${artList }" var="item" >
      <div class="flex align-center space-center product-item flex-1">
       <a href="${path }/do/redirect/pc/productDetail?id=${item.artId}">
        <div class="img-wrap flex align-center"><img src="${item.artImage}" class="img zy"></div>
        <p class="name zy">${item.artTitle}</p>
        <p class="desc zy">${item.artLables}</p>
        <div class="more zy">
         ${ZY_ChaKanXiangQing_16.adTitle}
        </div>
       </a>
      </div>
     </c:forEach>
    </div>
   </div> 
  </div> 
<%--  <div class="quality box"> --%>
<%--   <div class="container"> --%>
<%--    <div class="title-wrap flex space-between align-center"> --%>
<%--     <h3 class="title animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ZY_ZhiLiangGuanLi_25.adId}">${ZY_ZhiLiangGuanLi_25.adTitle}</h3> --%>
<%--     <a class="look-more zy" href="${path }/do/redirect/pc/quality" data-type="ad" data-id="${ZY_ChaKanGengDuo_26.adId}">${ZY_ChaKanGengDuo_26.adTitle}</a>--%>
<%--    </div> --%>
<%--    <div class="quality-wrap"> --%>
<%--     <div class="swiper-container"> --%>
<%--      <div class="swiper-wrapper">--%>
<%--       <cms:ad var="images" code="quality_images"></cms:ad>--%>
<%--       <c:forEach items="${images }" var="item">--%>
<%--        <div class="swiper-slide">--%>
<%--         <img src="${item.adImg}" class="img zy" data-type="ad" data-id="${item.adId}" />--%>
<%--        </div>--%>
<%--       </c:forEach>--%>
<%--      </div>--%>
<%--     </div> --%>
<%--     <div class="swiper-button-next"></div> --%>
<%--     <div class="swiper-button-prev"></div> --%>
<%--    </div> --%>
<%--   </div> --%>
<%--  </div> --%>

  <div class="box service-support">
   <div class="container">
    <div class="title-wrap flex space-between align-center">
     <h3 class="title animate__animated animate__fadeInUp">服务支持</h3>
     <a class="look-more" href="${path }/do/redirect/pc/serviceSupport">查看更多&nbsp;&nbsp;&gt;&gt;</a>
    </div>
    <div class="list flex flex-wrap animate__animated animate__fadeInUp">
     <div class="item">
      <div class="con flex flex-column space-center">
       <img src="https://hwfile.csxuncong.com/wantai/pc/images/home/icon5.png" class="icon">
       <p class="name">客户信息处理</p>
      </div>
     </div>
     <div class="item">
      <div class="con flex flex-column space-center">
       <img src="https://hwfile.csxuncong.com/wantai/pc/images/home/icon6.png" class="icon">
       <p class="name">订单生产</p>
      </div>
     </div>
     <div class="item">
      <div class="con flex flex-column space-center">
       <img src="https://hwfile.csxuncong.com/wantai/pc/images/home/icon7.png" class="icon">
       <p class="name">订单跟踪</p>
      </div>
     </div>
     <div class="item">
      <div class="con flex flex-column space-center">
       <img src="https://hwfile.csxuncong.com/wantai/pc/images/home/icon8.png" class="icon">
       <p class="name">质检出厂</p>
      </div>
     </div>
     <div class="item">
      <div class="con flex flex-column space-center">
       <img src="https://hwfile.csxuncong.com/wantai/pc/images/home/icon9.png" class="icon">
       <p class="name">产品创新开发</p>
      </div>
     </div>
     <div class="item">
      <div class="con flex flex-column space-center">
       <img src="https://hwfile.csxuncong.com/wantai/pc/images/home/icon10.png" class="icon">
       <p class="name">产品适应性解决</p>
      </div>
     </div>
     <div class="item">
      <div class="con flex flex-column space-center">
       <img src="https://hwfile.csxuncong.com/wantai/pc/images/home/icon11.png" class="icon">
       <p class="name">产品配套服务</p>
      </div>
     </div>
    </div>
   </div>
  </div>
  <p class="quality-txt zy" data-type="ad" data-id="${ZY_ZhiLiYuZhiLiangKong_31.adId}">${ZY_ZhiLiYuZhiLiangKong_31.adTitle}</p> 
  <div class="box news"> 
   <div class="container"> 
    <div class="title-wrap flex space-between align-center"> 
     <h3 class="title animate__animated animate__fadeInUp zy" data-type="ad" data-id="${ZY_GongSiXinWen_32.adId}">${ZY_GongSiXinWen_32.adTitle}</h3> 
     <a class="look-more zy" href="${path }/do/redirect/pc/news" data-type="ad" data-id="${ZY_ChaKanGengDuo_33.adId}">${ZY_ChaKanGengDuo_33.adTitle}</a>
    </div> 
    <div class="news-list flex space-between">
     <cms:arts var="xwList" code="gsxw1" pageNow="0" pageSize="2"></cms:arts>
     <c:forEach items="${xwList }" var="xw" >
      <div class="item animate__animated animate__fadeInLeft">
       <a href="${path }/do/redirect/pc/newsDetail?id=${xw.artId}"> <img src="${xw.artImage}" class="zy">
        <div class="con">
         <h4 class="name zy">${xw.artTitle}</h4>
         <p class="desc zy">${xw.artAbstract}</p>
         <h4 class="time zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${xw.artCreatetiem}" ></fmt:formatDate></h4>
        </div>
       </a>
      </div>
     </c:forEach>
    </div>
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/wantai/pc/js/swiper.min.js"></script>
  <script>
        window.onload = function(){
            var swiper = new Swiper('.banner .swiper-container', {
                speed:1000,
                loop:true,
                slidesPerView: 1,
                autoplay : 3000,
                prevButton:'.banner .swiper-button-prev',
                nextButton:'.banner .swiper-button-next',
                pagination: '.banner .swiper-pagination'
            });
            // var swiper = new Swiper('.quality .swiper-container', {
            //     speed:1000,
            //     loop:true,
            //
            //     spaceBetween: 20,
            //     slidesPerView: 8,
            //     prevButton:'.quality .swiper-button-prev',
            //     nextButton:'.quality .swiper-button-next'
            // });
        }
        
    </script> 
 </body>
</html>